$width-properties: (
    'w-full': 100%,
    'w-screen': 100vw,
    'w-auto': auto,
    'w-min': min-content,
    'w-max': max-content,
    "w-1": 8.3333%,
    "w-2": 16.6667%,
    "w-3": 25%,
    "w-4": 33.3333%,
    "w-5": 41.6667%,
    "w-6": 50%,
    "w-7": 58.3333%,
    "w-8": 66.6667%,
    "w-9": 75%,
    "w-10": 83.3333%,
    "w-11": 91.6667%,
    "w-12": 100%,
    "w-1rem": 1rem,
    "w-2rem": 2rem,
    "w-3rem": 3rem,
    "w-4rem": 4rem,
    "w-5rem": 5rem,
    "w-6rem": 6rem,
    "w-7rem": 7rem,
    "w-8rem": 8rem,
    "w-9rem": 9rem,
    "w-10rem": 10rem,
    "w-11rem": 11rem,
    "w-12rem": 12rem,
    "w-13rem": 13rem,
    "w-14rem": 14rem,
    "w-15rem": 15rem,
    "w-16rem": 16rem,
    "w-17rem": 17rem,
    "w-18rem": 18rem,
    "w-19rem": 19rem,
    "w-20rem": 20rem,
    "w-21rem": 21rem,
    "w-22rem": 22rem,
    "w-23rem": 23rem,
    "w-24rem": 24rem,
    "w-25rem": 25rem,
    "w-26rem": 26rem,
    "w-27rem": 27rem,
    "w-28rem": 28rem,
    "w-29rem": 29rem,
    "w-30rem": 30rem
);

$height-properties: (
    'h-full': 100%,
    'h-screen': 100vh,
    'h-auto': auto,
    "h-1rem": 1rem,
    "h-2rem": 2rem,
    "h-3rem": 3rem,
    "h-4rem": 4rem,
    "h-5rem": 5rem,
    "h-6rem": 6rem,
    "h-7rem": 7rem,
    "h-8rem": 8rem,
    "h-9rem": 9rem,
    "h-10rem": 10rem,
    "h-11rem": 11rem,
    "h-12rem": 12rem,
    "h-13rem": 13rem,
    "h-14rem": 14rem,
    "h-15rem": 15rem,
    "h-16rem": 16rem,
    "h-17rem": 17rem,
    "h-18rem": 18rem,
    "h-19rem": 19rem,
    "h-20rem": 20rem,
    "h-21rem": 21rem,
    "h-22rem": 22rem,
    "h-23rem": 23rem,
    "h-24rem": 24rem,
    "h-25rem": 25rem,
    "h-26rem": 26rem,
    "h-27rem": 27rem,
    "h-28rem": 28rem,
    "h-29rem": 29rem,
    "h-30rem": 30rem
);

$min-width-properties: (
    'min-w-0': 0px,
    'min-w-full': 100%,
    'min-w-screen': 100vw,
    'min-w-min': min-content,
    'min-w-max': max-content
);

$max-width-properties: (
    'max-w-0': 0px,
    'max-w-full': 100%,
    'max-w-screen': 100vw,
    'max-w-min': min-content,
    'max-w-max': max-content
);

$min-height-properties: (
    'min-h-0': 0px,
    'min-h-full': 100%,
    'min-h-screen': 100vh
);

$max-height-properties: (
    'max-h-0': 0px,
    'max-h-full': 100%,
    'max-h-screen': 100vh
);

@include style-class('width', $width-properties, true);
@include style-class('height', $height-properties, true);
@include style-class('min-width', $min-width-properties, true);
@include style-class('max-width', $max-width-properties, true);
@include style-class('min-height', $min-height-properties, true);
@include style-class('max-height', $max-height-properties, true);